import { Card, Avatar } from 'antd';
import { EditOutlined, EllipsisOutlined, SettingOutlined } from '@ant-design/icons';

const { Meta } = Card;


const UserCard = (props) => (
    <Card
    style={{ width: 300 }}
    cover={
      <img
        alt="background-imge"
        src={props.backgroundURL}
      />
    }
  >
    <Meta
      avatar={<Avatar src={props.url} />}
      title={props.name}
      description={props.description}
    />
  </Card>
);

export default UserCard